<!DOCTYPE html>
<html>
<head>
<title>Asynchronous Loading</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta charset="utf-8">
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="css/SmartTaxi.css">
<script>
	window.$ = window.jQuery = WLJQ;
</script>
<script>
	function initialize() {
		var mapOptions = {
			zoom : 8,
			center : new google.maps.LatLng(-34.397, 150.644),
			panControl : false,
			zoomControl : false,
			scaleControl : false,
			streetViewControl: false,
			overviewMapControl: false,
			mapTypeControl: false,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById('mapContainer'),
				mapOptions);
	}
	function loadScript() {
		var script = document.createElement('script');
		script.type = 'text/javascript';
		script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyAuBWJtxkiuJGQ_IpfGxJJFAnoLSE59DVo&sensor=false&'
				+ 'callback=initialize&language=zh-CN';
		document.body.appendChild(script);
		alert("1111111");
	}
	window.onload = loadScript;
</script>
</head>
<body id="content" style="display: none;">

	<div data-role="page" id="response">
		<fieldset>
			<div id="mapContainer" style="width: 320px; height: 485px"></div>

			<div data-role="controlgroup" data-type="horizontal" align="center">
				<a href="#" data-role="button" id="acceptBtn">accept</a> <a href="#"
					data-role="button" id="refuseBtn">refuse</a>
			</div>

		</fieldset>
	</div>


	<script src="js/jquery.mobile-1.3.1.min.js"></script>
	<script src="js/initOptions.js"></script>
	<script src="js/SmartTaxi.js"></script>
	<script src="js/messages.js"></script>
</body>
</html>
